<html>
<head>
<meta http-equiv="content-type"content="text/html;charset = utf-8"/>
<title>--模板--</title>
<link type="text/css" rel="stylesheet" href="default.css" />
</head>
   
<body>
    <div id="layout">
        <div id="header">
            <div class="container">
                <h1 class="col-9">我的博客系统</h1>
                <div id="user-info" class="col-3">
                    <span id="user-name">zdy</span>
                    <a>退出</a>
                </div>
            </div>
            <div id="main-menu">
                <ul class="topMenu">
                    <li><span>首页</span></li>
                    <li><span>文章</span></li>
                    <li>
                        <span>管理</span>
                        <ul>
                            <li><span>用户</span></li>
                            <li>
                                <span>基础数据</span>
                                <ul>
                                    <li>皮肤管理</li>
                                    <li>兴趣管理</li>
                                </ul>
                            </li>
                        </ul>
                    
                    
                    
                    </li>

                </ul>
            </div>
        </div>
        <div id="main">
            <div id="workspace"></div>
            <div id="extras"></div>
        </div>
        <div id="footer">
            <div id="quick-access"></div>
            <div id="copyright">
                <p>1584158873@qq.com All right reserved.</p>
            </div>
        </div>
    </div>

    
   
</body>

</html>
/选择器分为空格选择器和大于符号选择器
  /空格选择器是表示选择当前标签的下一级的所有指定元素
  /大于符号选择器是选择当前标签下的唯一确定元素
/offset parent elment表示确定零点的位置left（x），top（y）
  /用position:reletive确定零点的位置，用position:absolute 表示确定的元素的位置
  /以positive:absolute 这个元素开始往父对象找，只要找到position:reletive的第一个设定的元素
  /那么该元素就是这个定位的原点。
  /absolute:把元素从文档流里取出来，原点坐标受offset parent的影响，不占原先的位置
  /reletive:把元素从文档流里取出来，还占着原来的位置
  /fixed:把元素从文档流里取出来，原点坐标是显示区域的左上角或者右上角